<!DOCTYPE html>
    <head>
        <meta charset="UTF-8" />
        <title>登录</title>
        <link rel="shortcut icon" href="images/favicon.ico"> 
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
        <script language="JavaScript" src="js/jQuery/jquery-1.12.1.js"></script>
        <script language="JavaScript" src="js/bootstrap/bootstrap.js"></script>
        <script language="JavaScript" src="js/login.js"></script>
    </head>
<style>
#bodyback{
	background:#EEEECC;
	height:100%;
}
.right-button{
	float:right;
}
.login-height{
	height:300px;
}
#floater{
	height:250px; 
	margin-bottom:-130px;
	position:relative; 

}
#content {
    clear: both;
    height: 300px;
    position: relative;
    margin: 0 auto;
    
}
.login-background{
	background-color: #999999;
}
</style>
<body id="bodyback">

<div id="floater">
</div>
<div class="container" id="content">
	<div class="row">
		<div class="col-sm-12">
		
		
		
			<div class="row" >
			
				<div class="col-sm-4 col-xs-2">
				</div>
				
				<div class="col-sm-4 col-xs-8 login-background">

					<div class="form-group">
						 <legend>登录信息</legend> 
					</div>
					<div class="form-group">
						 <label>用户名:</label>
						 <input class="form-control" type="text" /> 
					 </div>
					 <div class="form-group">
						 <label>密码:</label>
						 <input class="form-control" type="password" /> 
					</div>
					<div class="form-group  right-button">
						 <button type="button" class="btn  btn-primary" id="login">提交</button>
					</div>

				</div>
				
				<div class="col-sm-4 col-xs-2">
				</div>
				
			</div>
		</div>
	</div>
</div>
</body>
</html>